<template lang="html">
  <div class="conTop">
    <div class="button_item">
      <router-link class="my-vip-top ho" :to="{ path: '/mission'}">
        <h6 class="button_item_1">任务中心</h6>
      </router-link>

      <router-link class="my-vip-top ho" :to="{ path: '/business'}">
        <h6 class="button_item_1">交易大厅</h6>
      </router-link>
    </div>
    <bottomBar></bottomBar>
  </div>
</template>

<script>
import bottomBar from '@/common/_footer.vue'
import Header from '@/common/_header.vue'
import Aside from '@/components/category/aside.vue'

export default {
  components: {
    'v-header': Header,
    'v-aside': Aside,
    bottomBar
  },
  data() {
    return {}
  },
  created() {

  }
}
</script>

<style lang="less" scoped>
.conTop {
  background: url("../assets/oil/oilBg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
}

img {
  width: 100%;
  margin-top: 0;
  height: auto;
}

p {
  width: 90%;
  margin: 20px auto 0;
  height: 160px;
  border-radius: 6px;
  overflow: hidden;
  line-height: 160px;
  text-align: center;
  border: 1px solid #FFAA00;
  box-sizing: border-box;
}

.button_item {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: fixed;
  bottom: 100px;
  left: 20px;
}

.button_item_1 {
  width: 120px;
  padding: 10px;

  border: 1px #048AB9 solid;
  border-radius: 10px;
  color: white;
  font-size: 22px;
  text-align: center;
  background-color: #048AB9;
}
</style>
